<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>后街、后街交友、同城交友、交友-我的帐号</title>
<meta name="keywords" content="后街、后街交友、同城交友、交友、交友平台">
<script src="${pageContext.request.contextPath}/js/jquery-1.7.2.js"></script>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/customer/ucenter.css">
	
<meta name="description"
	content="寻找志同道合的朋友；交友、聊天、游戏、泡吧，让您在忙碌的工作之余,找到志同道合的朋友,享受快乐人生.">
<meta name="robots" content="index, follow">
<meta name="googlebot" content="index, follow">
<script type="text/javascript">
	function showLink() {
		$(this).find('.ucenter-pic a').css('display', 'block');
	}
</script>
</head>
<body>
	<!--头部 s-->
	<c:import url="../common/newHeader.jsp"></c:import>
	<!--头部 e-->
	<div class="w980 clearfix"></div>

	<div class="ucenter">
		<div class="hr"></div>
		<ul val="editInfo" id="left_menu" class="nav">
			<!--left menu s-->

			<li><a val="user" 
				href="${pageContext.request.contextPath}/customerDefault/ucenterIndex.aspx" 
				class="icon_my"><span>我的后街</span></a></li>
			<li><a val="editInfo" 
				href="${pageContext.request.contextPath}/customerDefault/ucenterAccount.aspx" 
				class="icon_acc cur"><span>我的帐号</span></a></li>
			<li><a val="favorites" 
				href="${pageContext.request.contextPath}/customerDefault/ucenterCollection.aspx"
				class="icon_fav"><span>我的收藏</span></a></li>
			<li><a val="invite"
				href="${pageContext.request.contextPath}/customerDefault/ucenterInvite.aspx"
				class="icon_invite"><span>注册邀请</span></a></li>
			<li><a val="integral"
				href="${pageContext.request.contextPath}/customerDefault/ucenterCredit.aspx"
				class="icon_integral"><span>我的积分</span></a></li>
			<li><a val="panicBuy"
				href="${pageContext.request.contextPath}/customerDefault/ucenterPublish.aspx"
				class="icon_buy"><span>信息发布</span></a></li>
			<script type="text/javascript">
				$(function() {
					var $left_menu = $('#left_menu');
					$left_menu.find('a').each(function() {
						if ($left_menu.attr('val') == $(this).attr('val'))
							$(this).addClass('cur');
					});
				});
			</script>
			<!--left menu e-->
		</ul>
		<div class="ucenter-body clear-fix ucenter-account">
			<div class="ucenter-h3 ucenter-account-h3">
				<div>
					<span></span>&nbsp;我的帐号
				</div>
				<div class="line"></div>
			</div>
			<ul class="tab">
				<li class="cur">基本资料</li>
				<li>头像</li>
				<li>修改密码</li>
			</ul>
			<div class="tab_cont">
				<!--基本资料 s  -->
				<script type="text/javascript">
					var $tab = $('ul.tab');
					if ($tab.length) {
						var content = $tab.next('div');
						var search = window.location.search.toString()
								.substr(1).split('&');
						var type = 0;
						for ( var i = 0; i < search.length; i++) {
							search[i] = search[i].split('=');
							if (search[i][0] == 'type') {
								type = search[i][1];
							}
						}
						var J_profile = $('div.profile');
						$tab.find(">li")
								.bind(
										'click',
										function(e) {
											e.preventDefault();
											$(this).addClass('cur').siblings(
													'.cur').removeClass();
											var index = $tab.find(">li").index(
													$(this));
											content.find('>div').css('display',
													'none');
											content.find('>div').eq(index)
													.show().css('display',
															'block');
											if (content.find('>div').eq(index)
													.hasClass('profile')) {
												content.find('>div').eq(index)
														.css('marginTop', '0');
											} else {
												content.find('.profile')
														.css('marginTop',
																'-99999px');
											}
										});
						if (type) {
							$tab.find(">li").eq(type).trigger('click');
						}
					}
				</script>

				<div class="profile">

					<div class="avatar-succ" style="display: none" id="editSuccess">
						<img src="${pageContext.request.contextPath}/img/ucenter/blank.png"
							class="ui-icon ui-icon-right">&nbsp;&nbsp;基本资料修改成功
					</div>

					<div class="avatar-fail" style="display: none" id="editError">
					</div>

					<input type="hidden" value="-1">

					<!-- 邮箱验证 -->





					<div class="rows">
						<label>邮箱：</label> <span class="value">
							${customer.email}&nbsp;&nbsp;&nbsp; <a
							href="javascript:void(0)">验证邮箱</a>

						</span> <span class="value"></span> <input type="hidden"
							value="${customer.email}66" name="email" id="email">
					</div>
					<div class="rows">
						<label>昵称：</label> 
						<span class="value"> <input type="text"
							value="${customer.nicheng==null?'佳人用户?':customer.nicheng}" onblur="javascript:checkNickname();" maxlength="10"
							name="nickName" id="nickName" class="text">
						</span> <span class="info" id="nickNameMsg"> </span>
					</div>
					<div class="rows">
						<label>性别${customer.sex}</label> 
						<span class="value">
						<c:choose>
							<c:when test="${customer.sex eq '1'}">
								<label><input type="radio" value="male" name="sex" class="radio" checked="checked">男</label> 
								<label><input type="radio" value="female" name="sex" class="radio">女</label>
							</c:when>
							<c:when test="${customer.sex eq '0'}">
								<label><input type="radio" value="male" name="sex" class="radio">男</label> 
								<label><input type="radio" value="female" name="sex" class="radio" checked="checked">女</label>
							</c:when>
							<c:otherwise>
								<label><input type="radio" value="male" name="sex" class="radio">男</label> 
								<label><input type="radio" value="female" name="sex" class="radio">女</label>
							</c:otherwise>
						</c:choose>
						</span> 
						<span class="info" id="genderMsg"> </span>
						<input type="hidden" value="" name="gender" id="gender">
					</div>
					<div class="rows">
						<!-- 显示用户的生日 是设置select标签的data-default -->
						<label>生日：</label> <span id="J_birthday" class="value"> <select
							class="year" id="year">
								<option value="1949">1949&nbsp;</option>
								<option value="1950">1950&nbsp;</option>
								<option value="1951">1951&nbsp;</option>
								<option value="1952">1952&nbsp;</option>
								<option value="1953">1953&nbsp;</option>
								<option value="1954">1954&nbsp;</option>
								<option value="1955">1955&nbsp;</option>
								<option value="1956">1956&nbsp;</option>
								<option value="1957">1957&nbsp;</option>
								<option value="1958">1958&nbsp;</option>
								<option value="1959">1959&nbsp;</option>
								<option value="1960">1960&nbsp;</option>
								<option value="1961">1961&nbsp;</option>
								<option value="1962">1962&nbsp;</option>
								<option value="1963">1963&nbsp;</option>
								<option value="1964">1964&nbsp;</option>
								<option value="1965">1965&nbsp;</option>
								<option value="1966">1966&nbsp;</option>
								<option value="1967">1967&nbsp;</option>
								<option value="1968">1968&nbsp;</option>
								<option value="1969">1969&nbsp;</option>
								<option value="1970">1970&nbsp;</option>
								<option value="1971">1971&nbsp;</option>
								<option value="1972">1972&nbsp;</option>
								<option value="1973">1973&nbsp;</option>
								<option value="1974">1974&nbsp;</option>
								<option value="1975">1975&nbsp;</option>
								<option value="1976">1976&nbsp;</option>
								<option value="1977">1977&nbsp;</option>
								<option value="1978">1978&nbsp;</option>
								<option value="1979">1979&nbsp;</option>
								<option value="1980">1980&nbsp;</option>
								<option value="1981">1981&nbsp;</option>
								<option value="1982">1982&nbsp;</option>
								<option value="1983">1983&nbsp;</option>
								<option value="1984">1984&nbsp;</option>
								<option value="1985">1985&nbsp;</option>
								<option value="1986">1986&nbsp;</option>
								<option value="1987">1987&nbsp;</option>
								<option value="1988">1988&nbsp;</option>
								<option value="1989">1989&nbsp;</option>
								<option value="1990">1990&nbsp;</option>
								<option value="1991">1991&nbsp;</option>
								<option value="1992">1992&nbsp;</option>
								<option value="1993">1993&nbsp;</option>
								<option value="1994">1994&nbsp;</option>
								<option value="1995">1995&nbsp;</option>
								<option value="1996">1996&nbsp;</option>
								<option value="1997">1997&nbsp;</option>
								<option value="1998">1998&nbsp;</option>
								<option value="1999">1999&nbsp;</option>
								<option value="2000">2000&nbsp;</option>
								<option value="2001">2001&nbsp;</option>
								<option value="2002">2002&nbsp;</option>
								<option value="2003">2003&nbsp;</option>
								<option value="2004">2004&nbsp;</option>
								<option value="2005">2005&nbsp;</option>
								<option value="2006">2006&nbsp;</option>
								<option value="2007">2007&nbsp;</option>
								<option value="2008">2008&nbsp;</option>
								<option value="2009">2009&nbsp;</option>
								<option value="2010">2010&nbsp;</option>
								<option value="2011">2011&nbsp;</option>
								<option value="2012">2012&nbsp;</option>
								<option value="2013">2013&nbsp;</option></select>年&nbsp; 
							<select	id="month">
								<option vlaue="1">1</option>
								<option vlaue="2">2</option>
								<option vlaue="3">3</option>
								<option vlaue="4">4</option>
								<option vlaue="5">5</option>
								<option vlaue="6">6</option>
								<option vlaue="7">7</option>
								<option vlaue="8">8</option>
								<option vlaue="9">9</option>
								<option vlaue="9">10</option>
								<option vlaue="9">11</option>
								<option vlaue="9">12</option>
							</select>月&nbsp; 
							<select id="day"><option
									value="1">1&nbsp;</option>
								<option value="2">2&nbsp;</option>
								<option value="3">3&nbsp;</option>
								<option value="4">4&nbsp;</option>
								<option value="5">5&nbsp;</option>
								<option value="6">6&nbsp;</option>
								<option value="7">7&nbsp;</option>
								<option value="8">8&nbsp;</option>
								<option value="9">9&nbsp;</option>
								<option value="10">10&nbsp;</option>
								<option value="11">11&nbsp;</option>
								<option value="12">12&nbsp;</option>
								<option value="13">13&nbsp;</option>
								<option value="14">14&nbsp;</option>
								<option value="15">15&nbsp;</option>
								<option value="16">16&nbsp;</option>
								<option value="17">17&nbsp;</option>
								<option value="18">18&nbsp;</option>
								<option value="19">19&nbsp;</option>
								<option value="20">20&nbsp;</option>
								<option value="21">21&nbsp;</option>
								<option value="22">22&nbsp;</option>
								<option value="23">23&nbsp;</option>
								<option value="24">24&nbsp;</option>
								<option value="25">25&nbsp;</option>
								<option value="26">26&nbsp;</option>
								<option value="27">27&nbsp;</option>
								<option value="28">28&nbsp;</option>
								<option value="29">29&nbsp;</option>
								<option value="30">30&nbsp;</option>
								<option value="31">31&nbsp;</option>
							</select>日&nbsp;
						</span> <span class="info" id="birthdayMsg"> </span> <input type="hidden"
							value="" name="brithdayStr" id="brithdayStr">
					</div>
					<div class="rows">
						<label>所在城市：</label> <span class="value address" id="J_city">
							<select data-default="" class="prov" id="pro"><option
									value="北京">北京</option>
								<option value="天津">天津</option>
								<option value="河北">河北</option>
								<option value="山西">山西</option>
								<option value="内蒙古">内蒙古</option>
								<option value="辽宁">辽宁</option>
								<option value="吉林">吉林</option>
								<option value="黑龙江">黑龙江</option>
								<option value="上海">上海</option>
								<option value="江苏">江苏</option>
								<option value="浙江">浙江</option>
								<option value="安徽">安徽</option>
								<option value="福建">福建</option>
								<option value="江西">江西</option>
								<option value="山东">山东</option>
								<option value="河南">河南</option>
								<option value="湖北">湖北</option>
								<option value="湖南">湖南</option>
								<option value="广东">广东</option>
								<option value="广西">广西</option>
								<option value="海南">海南</option>
								<option value="重庆">重庆</option>
								<option value="四川">四川</option>
								<option value="贵州">贵州</option>
								<option value="云南">云南</option>
								<option value="西藏">西藏</option>
								<option value="陕西">陕西</option>
								<option value="甘肃">甘肃</option>
								<option value="青海">青海</option>
								<option value="宁夏">宁夏</option>
								<option value="新疆">新疆</option>
								<option value="香港">香港</option>
								<option value="澳门">澳门</option>
								<option value="台湾">台湾</option>
								<option value="其他">其他</option></select>&nbsp; <select data-default="2"
							class="city" id="cit"><option value="">城市</option>
								<option value="东城">东城</option>
								<option value="西城">西城</option>
								<option value="崇文">崇文</option>
								<option value="宣武">宣武</option>
								<option value="朝阳">朝阳</option>
								<option value="丰台">丰台</option>
								<option value="石景山">石景山</option>
								<option value="海淀">海淀</option>
								<option value="门头沟">门头沟</option>
								<option value="房山">房山</option>
								<option value="通州">通州</option>
								<option value="顺义">顺义</option>
								<option value="昌平">昌平</option>
								<option value="大兴">大兴</option>
								<option value="怀柔">怀柔</option>
								<option value="平谷">平谷</option>
								<option value="密云">密云</option>
								<option value="延庆">延庆</option></select>&nbsp;
						</span> <span class="info" id="cityMsg"> </span> <input type="hidden"
							value="" name="city" id="city">
					</div>

					<a class="saveBtn" href="javascript:userInfoUpdate()">确定</a>
					<!-- 不可点击的样式为 saveBth saveBtnDis -->
				</div>

				<!--基本资料 e  -->
				<div class="avatar">
					<script type="text/javascript">
						var rootPath = 'http://ucenter.jiaren.com';
						$(function() {
							var isie6 = typeof document.body.maxHeight == 'undefined';
							var J_avatar = $("#J_avatar");
							var loading = $('.cutbox .loading');
							$("#swfupload-btn")
									.uploadify(
											{
												height : 27,
												swf : rootPath
														+ '/js/plugs/uploadify/uploadify.swf',
												uploader : rootPath
														+ '/user/info/editAvatar.htm',
												'formData' : {
													'token' : $.cookie('token')
												},
												width : 66,
												buttonCursor : 'cursor',
												fileSizeLimit : '2048KB',
												buttonClass : 'jiaren_btn',
												queueSizeLimit : 1,
												removeCompleted : true,
												buttonText : '&nbsp;',
												'fileTypeDesc' : 'Image Files',
												'fileTypeExts' : '*.jpeg; *.jpg; *.png; *.gif',
												'multi' : false,
												'onUploadStart' : function(Data) {
													if (!isie6) {
														$(
																'.avatar-upoad input[type=text]')
																.val(Data.name);
													}

													J_avatar.show();
													$("#J_saveAvatar").show();
													loading.html('0% 正在上传...')
															.show();
													$("#J_cancelCut").trigger(
															"click");
												},
												'onUploadError' : function(
														file, errorCode,
														errorMsg, errorString) {
													$("#swfupload-btn")
															.uploadify('cancel');
													alert('文件' + file.name
															+ ' 上传失败'
															+ errorCode
															+ ';errorMsg'
															+ errorMsg);
													loading.hide();
												},
												'onUploadProgress' : function(
														file, bytesUploaded,
														bytesTotal,
														totalBytesUploaded,
														totalBytesTotal) {
													loading
															.html(Math
																	.floor(bytesUploaded
																			/ bytesTotal
																			* 100)
																	+ '% 正在上传...');
												},
												'onUploadSuccess' : function(
														file, data, response) {
													var data = $
															.parseJSON(data);
													if (!data.ok) {
														loading.html('上传失败');
														$(
																"#J_saveAvatar,#J_avatar")
																.hide();
														loading.hide();
														if (!isie6) {
															$(
																	'.avatar-upoad input[type=text]')
																	.val('');
														}
														alert(data.data);
													} else {
														loading
																.html('上传成功,正在加载...');
														$('.avatar-preview')
																.find('img')
																.attr(
																		'src',
																		data.data
																				+ '?rnd='
																				+ Math
																						.random());
														cut(data.data);

													}
												}
											});
							var img130 = $('div.img130 img');
							var img48 = $('div.img48 img');
							var img32 = $('div.img32 img');
							function cut(url) {
								if (url) {
									$('.cutbox').find('img').attr('src',
											url + '?t=' + Math.random());
								}
								$('.cutbox')
										.find('img')
										.cut(
												{
													callback : function(data) {
														data.x = Math
																.floor(data.x
																		* data.imgRealW
																		/ data.imgW);
														data.y = Math
																.floor(data.y
																		* data.imgRealH
																		/ data.imgH);

														data.w = Math
																.floor(data.w
																		* data.imgRealW
																		/ data.imgW);
														data.h = Math
																.floor(data.h
																		* data.imgRealH
																		/ data.imgH);
														var ajaxData = {};

														var cutResault = document
																.createElement('canvas');
														var url, type;

														//判断是否可以裁剪
														if (!cutResault.getContext
																&& cutResault.toDataURL) {
															type = 'up';
															$('.img130')
																	.html(
																			'<canvas width="130" height="130"></canvas>');
															$('.img48')
																	.html(
																			'<canvas width="48" height="48"></canvas>');
															$('.img32')
																	.html(
																			'<canvas width="32" height="32"></canvas>');

															var canvas130 = $(
																	'.img130 canvas')
																	.get(0);
															var canvas48 = $(
																	'.img48 canvas')
																	.get(0);
															var canvas32 = $(
																	'.img32 canvas')
																	.get(0);
															var img = this;
															img.src = $(
																	'.cutbox')
																	.find('img')
																	.attr('src');
															canvas130
																	.getContext(
																			'2d')
																	.drawImage(
																			img,
																			data.x,
																			data.y,
																			data.w,
																			data.h,
																			0,
																			0,
																			130,
																			130);
															canvas48
																	.getContext(
																			'2d')
																	.drawImage(
																			canvas130,
																			0,
																			0,
																			48,
																			48);
															canvas32
																	.getContext(
																			'2d')
																	.drawImage(
																			canvas48,
																			0,
																			0,
																			32,
																			32);
															url = rootPath
																	+ '/user/info/editAvatar.htm';
															//alert(window.atob(canvas130.toDataURL("image/png").substring(22)))
															ajaxData = {
																avatar1 : canvas130
																		.toDataURL("image/png"),
																avatar2 : canvas48
																		.toDataURL(
																				"image/png")
																		.substring(
																				22),
																avatar3 : canvas32
																		.toDataURL(
																				"image/png")
																		.substring(
																				22)
															};
														} else {
															type = 'cut';
															url = rootPath
																	+ '/user/info/data/cutAvatar.htm';
															ajaxData = {
																x : Math.max(
																		data.x,
																		0),
																y : Math.max(
																		data.y,
																		0),
																destWidth : Math
																		.min(
																				data.w,
																				data.imgRealW),
																destHeight : Math
																		.min(
																				data.h,
																				data.imgRealH)
															}
														}
														$('.cutbox')
																.find(
																		'.loading')
																.html('正在保存...')
																.show();
														$("#J_saveAvatar")
																.addClass(
																		'saveBtnDis');
														$
																.ajax({
																	type : 'post',
																	url : url,
																	dataType : 'json',
																	data : ajaxData,
																	success : function(
																			res) {
																		if (res.ok) {
																			if (type == 'cut') {
																				$(
																						".avatar-old")
																						.next()
																						.attr(
																								'src',
																								res.data
																										+ '?t='
																										+ Math
																												.random());
																			}
																			J_avatar
																					.find(
																							'img')
																					.attr(
																							'src',
																							res.data
																									+ '?rnd='
																									+ Math
																											.random());
																			J_avatar
																					.find(
																							'img')
																					.css(
																							{
																								width : '100%',
																								height : '100%',
																								left : 0,
																								top : 0
																							});
																			$(
																					"#J_saveAvatar")
																					.hide();
																			loading
																					.hide();
																			$(
																					'.avatar-upoad input[type=text]')
																					.val(
																							'');
																			//window.location.href = '';
																		}
																	},
																	error : function() {
																		$(
																				'.cutbox')
																				.find(
																						'.loading')
																				.hide();
																		$(
																				"#J_saveAvatar")
																				.removeClass(
																						'saveBtnDis');
																	},
																	complate : function() {
																		$(
																				'.cutbox')
																				.find(
																						'.loading')
																				.hide();
																		$(
																				"#J_saveAvatar")
																				.removeClass(
																						'saveBtnDis');
																	}
																});
													},
													saveBtn : $("#J_saveAvatar"),
													cancelCutBtn : $("#J_cancelCut"),
													cuting : function(data) {
														setPreview(130, data,
																img130);
														setPreview(48, data,
																img48);
														setPreview(32, data,
																img32);
													}
												});

							}
							function setPreview(size, data, img) {
								var num = size / data.w;
								img.css({
									left : -data.x * num + 'px',
									top : -data.y * num + 'px',
									width : data.imgW * num + 'px',
									height : data.imgH * num + 'px'
								})
							}
							$("#J_reCut").bind('click', function(e) {
								e.preventDefault();
								cut();
							});

							//cut();
						})
					</script>
					<style>
#swfupload-btn {
	filter: alpha(opacity =  0);
}
</style>
					<div style="height: 50px; width: 100%" class="avatar-old">
						<span style="color: #333; font-weight: bold; font-size: 14px">当前头像</span>
						<span
							style="line-height: 18px; color: #999; display: block; line-height: 20px">如果您还没有设置自己的头像，系统会显示为默认头像，您需要自己上传一张新照片来作为自己的个人头像</span>
					</div>

					<img width="120" height="120"
						onerror="this.src='${pageContext.request.contextPath}/img/ucenter/avatar130.png'"
						style="margin-top: 0" alt=""
						src="${pageContext.request.contextPath}/img/ucenter/upload.jpeg">

					<div
						style="height: 50px; width: 100%; margin-top: 30px; height: auto"
						class="avatar-old">
						<span style="color: #333; font-weight: bold; font-size: 14px">设置我的新头像</span>
						<span
							style="line-height: 18px; color: #999; display: block; line-height: 20px">请选择一个新照片进行上传编辑。<br>支持JPG、JPEG、GIF、PNG格式的图片。<br>图片大小不能超过
							2MB
						</span>
					</div>
					<div style="margin-top: 5px" class="avatar-upoad">
						<input type="text" target="hidden_frame" style="margin-left: 0;"
							autocomplete="off" readonly="readonly" value="" class="text">
						<div>
							<div id="swfupload-btn" class="uploadify"
								style="height: 27px; width: 66px;">
								<div id="swfupload-btn-button" class="uploadify-button jiaren_btn"
									style="height: 27px; line-height: 27px; width: 66px;">
									<span class="uploadify-button-text">&nbsp;</span>
								</div>
							</div>
							<div id="swfupload-btn-queue" class="uploadify-queue"></div>
						</div>

					</div>
					<div id="J_avatar" class="avatar-new">
						<span style="color: #333; font-weight: bold; font-size: 14px"
							class="title">预览新头像</span>
						<div class="cutbox">
							<img width="300" height="300"
								src="${pageContext.request.contextPath}/img/ucenter/avatar130.png">

							<div class="loading">正在加载...</div>
						</div>
						<div class="arrow"></div>
						<div class="avatar-preview">
							<span class="title">您上传的头像会自动生成3种尺寸，<br>请注意中小尺寸的头像是否清晰
							</span>
							<div class="avatar-preview-left">
								<div class="img130">
									<img src="${pageContext.request.contextPath}/img/ucenter/avatar130.png">
								</div>
								<span>大尺寸头像<br>130×130像素
								</span>
							</div>
							<div class="avatar-preview-right">
								<div class="img48">
									<img src="${pageContext.request.contextPath}/img/ucenter/avatar48.png">
								</div>
								<span>中尺寸头像<br>48×48 像素<br>(自动生成)
								</span>
								<div class="img32 small">
									<img src="${pageContext.request.contextPath}/img/ucenter/avatar32.png">
								</div>
								<span>小尺寸头像<br>32×32 像素<br>(自动生成)
								</span>
							</div>
						</div>
						<div class="clear-fix"></div>
						<a id="J_saveAvatar" class="saveBtn saveBtnDis" href="#">保存</a>
						<!-- 不可点击的样式为 saveBth saveBtnDis -->
						<!--<a href="#" class="saveBtn" id="J_reCut" style="float:left">裁剪</a>-->
						<a style="display: none" id="J_cancelCut"
							class="saveBtn saveBtnDis" href="#">取消裁剪</a>
					</div>

				</div>
				<!--修改密码 s  -->


				<div class="changepwd">
					<form method="post"
						action="http://ucenter.jiaren.com/user/info/editPwd.htm" id="frmPost"
						novalidate="novalidate">
						<input type="hidden" value="http://ucenter.jiaren.com" id="rootPath">
						<div class="avatar-succ" style="display: none" id="editPwdSucess">
							<img src="${pageContext.request.contextPath}/img/ucenter/blank.png"
								class="ui-icon ui-icon-right">&nbsp;&nbsp;密码修改成功
						</div>

						<div class="avatar-fail" style="display: none" id="editPwdError">

						</div>

						<div class="rows rows-introtext">
							<label>原密码：</label> <span class="value"> <input
								type="password" class="text" name="password" id="password">
							</span> <span class="errorBox info"></span>
						</div>
						<div class="rows rows-introtext">
							<label>新密码：</label> <span class="value"> <input
								type="password" oncut="return false;" oncopy="return false;"
								onpaste="return false" maxlength="18" class="text"
								name="newPassword" id="newPassword"></span> <span
								class="errorBox info" id="newPasswordMsg"></span>
						</div>
						<div class="rows rows-introtext">
							<label>确认密码：</label> <span class="value"> <input
								type="password" oncut="return false;" oncopy="return false;"
								onpaste="return false" maxlength="18" class="text"
								name="confirmPassword" id="confirmPassword">
							</span> <span class="errorBox info"></span>
						</div>

						<a class="saveBtn" id="submit_btn" href="javascript:void(0);">确定</a>
						<!-- 不可点击的样式为 saveBth saveBtnDis -->
					</form>
				</div>
				<!--修改密码 e  -->
			</div>
		</div>
	</div>
	<!--footer s-->
	<c:import url="../common/newFooter.jsp"></c:import>
	<!--footer e-->

</body>
</html>